
import { defineProgram } from './webgl.js'
import fragment from './glsl/cube.frag'
import vertex from './glsl/cube.vert'

export const _cube = (gl) => {
    //初始化着色器
    var program = defineProgram(gl, vertex, fragment);
    //获取顶点着色器的位置变量apos
    var aposLocation = gl.getAttribLocation(program, 'apos');
    //八个顶点的坐标数组
    var data = new Float32Array([
        0.5, 0.5, 0.5, //顶点0
        -0.5, 0.5, 0.5, //顶点1
        -0.5, -0.5, 0.5, //顶点2
        0.5, -0.5, 0.5, //顶点3
        0.5, 0.5, -0.5, //顶点4
        -0.5, 0.5, -0.5, //顶点5
        -0.5, -0.5, -0.5, //顶点6
        0.5, -0.5, -0.5, //顶点7
    ]);
    //        顶点索引数组
    var indexes = new Uint8Array([
        //        前四个点
        0, 1, 2, 3,
        //        后四个顶点
        4, 5, 6, 7,
        //        前后对应点
        0, 4,
        1, 5,
        2, 6,
        3, 7
    ]);
    //创建缓冲区对象
    var indexexBuffer = gl.createBuffer();
    //绑定缓冲区对象
    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, indexexBuffer);
    //索引数组indexes数据传入缓冲区
    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, indexes, gl.STATIC_DRAW);

    //创建缓冲区对象
    var Buffer = gl.createBuffer();
    //绑定缓冲区对象
    gl.bindBuffer(gl.ARRAY_BUFFER, Buffer);
    //将顶点数据data传入缓冲区
    gl.bufferData(gl.ARRAY_BUFFER, data, gl.STATIC_DRAW)
    //缓冲区中的数据按照一定的规律传递给位置变量apos
    gl.vertexAttribPointer(aposLocation, 3, gl.FLOAT, false, 0, 0);
    //允许数据传递
    gl.enableVertexAttribArray(aposLocation);

    //LINE_LOOP模式绘制前四个点
    gl.drawElements(gl.LINE_LOOP, 4, gl.UNSIGNED_BYTE, 0);
    //LINE_LOOP模式从第五个点开始绘制四个点
    gl.drawElements(gl.LINE_LOOP, 4, gl.UNSIGNED_BYTE, 4);
    //LINES模式绘制后八个点
    gl.drawElements(gl.LINES, 8, gl.UNSIGNED_BYTE, 8);
    return gl
}